//封装分类数据
import { onMounted, ref } from "vue";
import { getCategoryAllAPI } from "@/apis/category";
import { onBeforeRouteUpdate, useRoute } from "vue-router";

export function useCategory() {
  const categoryData = ref({});

  const getCategory = async () => {
    const resp = await getCategoryAllAPI();
    categoryData.value = resp.data
  };

  onMounted(() => getCategory());

  return {
    categoryData,
  };
}

// export function useCategory() {
//   const categoryData = ref({});
//   const route = useRoute();
//   const getCategory = async (id = route.params.id) => {
//     const resp = await getCategoryAPI(id);
//     categoryData.value = resp.result;
//   };
//
//   onMounted(() => getCategory());
//
//   //路由参数变化的时候 重新获取分类数据
//   onBeforeRouteUpdate((to) => {
//     //使用最新路由参数请求最新分类数据
//     getCategory(to.params.id);
//   });
//
//   return {
//     categoryData,
//   };
// }